<style scoped lang="less">
    @import "Center.less";
</style>
<template>
    <div class="enterprise-center">
        <main>
            <header-title :title="'企业中心'">
                <span slot="header-link" @click="goPage('edit-enterprise-data')">
                    <img src="../../../assets/images/common/com_fabu.png" style="margin-right: 2px">
                    编辑企业资料
                </span>
            </header-title>
            <div class="cont-box">
                <div class="states">
                    <div class="state-item">类型：</div>
                    <div class="state-item">时间：2018-06至今</div>
                    <div class="state-item">
                        状态：无限期
                        <span class="up-btn btn">升级/续期</span>
                    </div>
                </div>
                <div class="table-box">
                    <table border="1" class="table-item">
                           <tr>
                               <td colspan="2" align="center" class="table-h">职位</td>
                           </tr>
                           <tr class="table-body" v-for="(item, index) in jobStatus" :key="index+'table'">
                               <td>{{item.name}}</td>
                               <td class="num">{{item.num}}</td>
                           </tr>
                    </table>
                    <table border="1" class="table-item">
                        <tr>
                            <td colspan="2" align="center" class="table-h">简历</td>
                        </tr>
                        <tr class="table-body" v-for="(item, index) in jobStatus" :key="index+'table'">
                            <td>{{item.name}}</td>
                            <td class="num">{{item.num}}</td>
                        </tr>
                    </table>
                    <table border="1" class="table-item">
                        <tr><td colspan="2" align="center" class="table-h">面试</td></tr>
                        <tr class="table-body" v-for="(item, index) in inviteList" :key="index+'table'">
                            <td>{{item.name}}</td>
                            <td class="num">{{item.num}}</td>
                        </tr>
                    </table>
                </div>
            </div>
            <header-title :title="'为你推荐的人才'"></header-title>
            <ul class="resume-list">
                <li v-for="(item, index) in talentList" :key="index+'tal'">
                    <div class="avatar fl">
                        <img :src="item.avatar" alt="">
                    </div>
                    <div class="detail fl">
                        <div class="main-info">
                            <span class="info-name">{{item.name}}</span>
                            <img :src="item.detail.male==='男'?nanTag:nvTag" alt="">
                            <div class="info-most">
                                <span v-for="(infoItem, key) in item.detail" :key="key" class="most-item">
                                    {{infoItem}}
                                </span>
                            </div>
                        </div>
                        <div class="state">
                            <span class="state-item" v-for="(stateItem, key) in item.applyState" :key="key">
                                {{stateItem}}
                            </span>
                        </div>
                        <div class="tag">{{item.important}}</div>
                    </div>
                    <div class="collect fr">
                        <div class="collect-icon">
                            <i class="el-icon-star-on"></i>
                            收藏
                        </div>
                        <el-button class="download" icon="el-icon-download">下载简历</el-button>
                        <div class="update">1小时前发布</div>
                    </div>
                </li>
            </ul>
            <div class="main-footer">
                <div class="more-btn btn">查看更多</div>
            </div>
        </main>
        <!--<enterprise-aside></enterprise-aside>-->
    </div>
</template>

<script>
    import EnterpriseAside from '@/pages/enterprise-center/components/EnterpriseAside.vue'
    import HeaderTitle from '@/pages/enterprise-center/components/HeaderTitle.vue'
    export default {
        name: "Center",
        components: {
            EnterpriseAside,
            HeaderTitle
        },
        data() {
            return {
                jobStatus: [
                    {
                        name: '发布中的职位',
                        num: '0'
                    },
                    {
                        name: '发布中的职位',
                        num: '0'
                    },  {
                        name: '发布中的职位',
                        num: '0'
                    },  {
                        name: '发布中的职位',
                        num: '0'
                    },
                ],
                inviteList: [
                    {
                        name: '面试邀请',
                        num: '0'
                    },
                ],
                talentList: [
                    {
                        avatar: require('@/assets/images/talentsPage/avater_nav.png'),
                        name: '黄先生',
                        salary: '5K-10K',
                        detail: {
                            male: '男',
                            age: '28岁',
                            Education: '本科',
                            experience: '3-5年',
                            address: '广州惠州',
                        },
                        important: '小学数学/初中数学/高中数学',
                        applyState: {
                            type: '全职',
                            major: '专业：高等数学',
                            salary: '5K-10K',
                            remarks: '在职，观望有好的机会'
                        },
                        tags: ['能出差','能加班','形象好','气质佳','口才好']
                    },{
                        avatar: require('@/assets/images/talentsPage/avater_nv.png'),
                        name: '黄女士',
                        salary: '5K-10K',
                        detail: {
                            male: '女',
                            age: '28岁',
                            Education: '本科',
                            experience: '3-5年',
                            address: '广州惠州',
                        },
                        important: '小学数学/初中数学/高中数学',
                        applyState: {
                            type: '全职',
                            major: '专业：高等数学',
                            salary: '5K-10K',
                            remarks: '在职，观望有好的机会'
                        },
                        tags: ['能出差','能加班','形象好','气质佳','口才好']
                    },{
                        avatar: require('@/assets/images/talentsPage/avater_nav.png'),
                        name: '黄先生',
                        salary: '5K-10K',
                        detail: {
                            male: '男',
                            age: '28岁',
                            Education: '本科',
                            experience: '3-5年',
                            address: '广州惠州',
                        },
                        important: '小学数学/初中数学/高中数学',
                        applyState: {
                            type: '全职',
                            major: '专业：高等数学',
                            salary: '5K-10K',
                            remarks: '在职，观望有好的机会'
                        },
                        tags: ['能出差','能加班','形象好','气质佳','口才好']
                    },{
                        avatar: require('@/assets/images/talentsPage/avater_nav.png'),
                        name: '黄先生',
                        salary: '5K-10K',
                        detail: {
                            male: '男',
                            age: '28岁',
                            Education: '本科',
                            experience: '3-5年',
                            address: '广州惠州',
                        },
                        important: '小学数学/初中数学/高中数学',
                        applyState: {
                            type: '全职',
                            major: '专业：高等数学',
                            salary: '5K-10K',
                            remarks: '在职，观望有好的机会'
                        },
                        tags: ['能出差','能加班','形象好','气质佳','口才好']
                    },{
                        avatar: require('@/assets/images/talentsPage/avater_nav.png'),
                        name: '黄先生',
                        salary: '5K-10K',
                        detail: {
                            male: '男',
                            age: '28岁',
                            Education: '本科',
                            experience: '3-5年',
                            address: '广州惠州',
                        },
                        important: '小学数学/初中数学/高中数学',
                        applyState: {
                            type: '全职',
                            major: '专业：高等数学',
                            salary: '5K-10K',
                            remarks: '在职，观望有好的机会'
                        },
                        tags: ['能出差','能加班','形象好','气质佳','口才好']
                    }
                ],
                nanTag: require('@/assets/images/talentsPage/nan.png'),
                nvTag: require('@/assets/images/talentsPage/nv.png'),
            }
        },
        methods: {
            goPage(name) {
                this.$router.push({name: name})
            }
        }
    }
</script>

